* {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #222;
    margin: 0;
}
a, img {
    border: 0;
}
body {
    background: url('../imgs/bgBodyLogin.jpg') 0 -28px repeat-x #FFF;
	overflow-x: hidden;
}
p { margin-bottom: 16px; color: #222; font-size: 14px; }
h1 { font-size: 36px; font-weight: bold; color: #222; text-align: center; margin-bottom: 16px; }
.SiteLogin { width: 600px; margin: 0 auto; margin-top: 32px; }
.TopoLogin { margin-bottom: 16px; }
.TopoLogin .Limite {
	padding: 44px;
	width: 682px;
}
.LogoLogin { 
	width: 299px; 
	height: 90px; 
	background: url('../imgs/LogoCearaPortos.png') center top no-repeat transparent; 
	display: block; 
	margin: 0 auto; 
	margin-top: 32px; 
}

.SecretariaLogo {
	width: 299px; 
	height: 90px; 
	background: url('../imgs/LogoLogin.png') center top no-repeat transparent; 
	display: block; 
	margin: 0 auto; 
	margin-top: 32px; 
}

.CearaLogin { width: 77px; height: 77px; background: url('../imgs/Logo.png') center top repeat-x transparent; display: block; position: relative; float: left; }
.InfraLogin { width: 235px; height: 64px; background: url('../imgs/LogoGovernoEstadoCE_.png') center top repeat-x transparent; display: block; position: relative; float: right; }
.CorpoLogin { position: relative;}
.CorpoLogin p { text-align: center; }
.CorpoLogin fieldset { padding: 32px; height: 190px; display: block; border: 0; }
.CorpoLogin fieldset legend { display: none; padding: 4px 8px; background-color: #000; color: #FFF; font-size: 12px; margin-left: 210px; }
.bgInputLogin { background: url('../imgs/bgInputLogin2.png') top left no-repeat transparent; margin-left: 98px; height: 31px; margin-bottom: 4px; }
.bgInputAlterarSenha { background: url('../imgs/bgInputAlterarSenha.png') top left no-repeat transparent; margin-left: 98px; height: 31px; margin-bottom: 4px; margin-top: 0px;}
.bgInputAlterarSenha label {display:block !important; width: 105px !important; text-align: right !important; margin-right: 5px;}

.fieldsetAlterarSenha {padding: 20px !important;}
.fieldsetAlterarSenha legend {display: inherit !important; background-color: transparent !important; padding-top: 20px !important; padding-botton: 0px !important; color: #666 !important; margin-top: 20px; margin-left: 10px !important; font-size: 15px !important; font-weight: bold !important;}

.CorpoLogin fieldset label { display: block; width: 41px; text-transform: uppercase; font-size: 11px; color: #fff; float: left; padding: 8px 3px 6px 6px; }
.CorpoLogin fieldset label b { font-size: 12px; color: #fff;}
.CorpoLogin fieldset div input[type=text], .CorpoLogin fieldset div input[type=password] {
    background: transparent;
    border: 0 none;
    color: #333;
    padding: 9px 8px 7px 8px;
    width: 240px;
	font-size: 11px;
}
.CorpoLogin fieldset div input[type=text]:focus, .CorpoLogin fieldset div input[type=password]:focus {
	color: #048d5f;
}
.CorpoLogin fieldset div select {
    border: 0;
    padding: 7px 8px 3px;
    width: 200px;
    background: #FFF;
    color: #222;
}
.CorpoLogin fieldset input[type=submit] {
	background: url('../imgs/botPadrao.jpg') #7a69bb !important;
	color: #FFF;
	display: block;
	cursor: pointer;
	padding: 4px 8px;
	margin: 8px 0 8px 341px;
	border: 0;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.CorpoLogin fieldset input[type=submit]:hover { color: #CCC; }
.RodapeLogin { position: fixed; bottom: 0; background: #000000 url('../imgs/bgRodape.jpg') repeat-x scroll center top; color: #FFF; width: 100%; text-align: center; padding: 4px; }
.RodapeLogin p { color: #FFF; font-size: 11px; margin-bottom: 1px; margin: 0; float: left; margin-left: 16px; }
.RodapeLogin small, .RodapeLogin small img { color: #F4F4F4; font-size: 9px; float: right; margin-right: 16px; }
.RodapeLogin small a { color: #fff; }
.Quebra { clear: both; }
.msgAviso {
    padding: 0 8px 8px;
    margin-bottom: 4px;
    text-align: center;
}
.msgAviso span { font-size: 12px !important; font-weight: bold; color: red; }

#ICOERRO { position: relative; top: 4px; }

.CorpoLogin * a#btnEntrar
{
    display: inline-block;
    padding-left: 12px;
    background: url('../imgs/bgBotPadraoLeft.png') no-repeat left top transparent;
    text-decoration: none;
    position: relative;
    left: 350px;
}
.CorpoLogin * a#btnEntrar .icobot
{
    display:inline-block;
    height:8px;
    left:12px;
    margin:0 auto;
    position:absolute;
    top:-5px;
    width:15px;
    background: url('../imgs/bgBotPadraoIcoBot.png') no-repeat left top transparent;
}
.CorpoLogin * a#btnEntrar span
{
    display: inline-block;
    text-align: center;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 12px 8px 0;
    background: url('../imgs/bgBotPadraoRight.png') no-repeat right top transparent;
}
.imgTopLeft 
{
    position: absolute;
    top: -1px;
    left: -1px;
}
.imgTopRight 
{
    position: absolute;
    top: -1px;
    right: -1px;
}
.imgBotLeft 
{
    position: absolute;
    bottom: -1px;
    left: -1px;
}
.imgBotRight 
{
    position: absolute;
    bottom: -1px;
    right: -1px;
}
.imgBotIco 
{
    position: absolute;
    bottom: -84px;
    left: 7px;
}
.Limite
{
	width: 961px;
	margin: 0 auto;
	position: relative;
}
form {
	width: 553px;
	margin: 0 auto;
	display: block;
	background: url('../imgs/bgBoxLogin.jpg') repeat-x top center #fff;
	position: relative;
}
#formLogin {margin: 0 auto;}